<template>
	<view class="box">
		<view class="header">
			<view class="head">
				<image src="../../static/images/storesdetails_logos.jpg" mode=""></image>
			</view>
			<view class="mate">
				<view class="niu">
					<text>吉野家牛肉饭</text>
				</view>
				<text class="lunch">美食|午饭</text>
				</view>
		</view>
		<view class="time">
			<text class="iconfont icon-shizhong"></text><text>营业时间：8:00-23:00</text>
		</view>
		<view class="address">
			<text class="iconfont icon-dizhi1"></text><text>商家地址：17号楼3单元1703</text>
		</view>
		<text class="store">商家介绍</text>
		<view class="imge">
			<image src="../../static/images/storesdetails_1.png" mode=""></image>
			<image src="../../static/images/storesdetails_2.png" mode=""></image>
		</view>
		<view class="chinese">
			<text>吉野家的名字来源于地名，日本的吉野山地区的牛肉饭最为著名，传说是12世纪时候日本名将源义经的爱妾静在掩护义京避难之时，在吉野山把制作牛肉饭的技巧交给了当地居民，于是牛肉饭成为当地的特产美味，吉野家之所以这样取名，也是为说明自己的牛肉饭正宗。</text>
		</view>
		<view class="tel">
			<text class="iconfont icon-dianhua"></text><text>联系电话：15081007040</text>
		</view>
	</view>
</template>

<script>
</script>
<style lang="less">
	.tel{
		display: flex;
		margin-left: 24rpx;
		align-items: center;
		justify-content: space-around;
		width: 640rpx;
		height: 150rpx;
		background-color: #f1f5f8;
		margin-top: 1320rpx;
		position: absolute;
		font-size: 40rpx;
		.iconfont{
			color: #ff7d00;
			font-size: 92rpx;
		}
	}
	.chinese{
		margin-right: 20rpx;
		position: absolute;
		font-size: 24rpx;
		margin-top: 1150rpx;
		}
	.imge{
		margin-top: 920rpx;
		position: absolute;
		image{
			margin-left: 40rpx;
		width: 302rpx;
		height: 202rpx;
		}
	}
	.store{
		margin-top: 880rpx;
		position: absolute;
		color: #8a8a8a;
		font-size: 30rpx;
		}
	.time{
		// display: flex;
		position: absolute;
		margin-top: 750rpx;
		font-size: 30rpx;
		margin-left: 10rpx;
		.iconfont{
			color: #ff7d00;
		}
	}
	.address{
		// display: flex;
		position: absolute;
		margin-top: 810rpx;
		font-size: 30rpx;
		margin-left: 10rpx;
		.iconfont{
			color: #ff7d00;
		}
	}
.box{
	// height: 555rpx;
	background: url("../../static/images/storesdetails_logo.png")  no-repeat;
	background-size: 100%;
	padding-left: 25rpx;
	padding-right: 25rpx;
	display: flex;
	// position: relative;
	
}
.mate{
	width: 80%;
	.niu{
		margin-top: 40rpx;
		margin-bottom: 20rpx;
	}
.lunch{
	color: #8a8a8a;
}
}
.head{
	height: 180rpx;
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	image{
		width: 97rpx;
		height: 97rpx;
		border-radius: 50%;
	}
}
.header{
	border: #f4f3f3 solid 1rpx;
	// position: relative;
	display: flex;
	width: 100%;
	background-color: #FFFFFF;
	height: 180rpx;
	margin-top: 500rpx;
	border-radius: 20rpx;
	}
</style>
